<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title><ui:insert name="pagetitle">
			<h:outputText value="#{text.pageTitle}" />
		</ui:insert></title>
	<h:outputStylesheet name="default.css" library="css" />
	<h:outputStylesheet name="style.css" library="css" />
	<ui:insert name="style"></ui:insert>
	<h:outputScript name="pt_BR.js" library="locales" />
	<h:outputScript name="jsUtils.js" library="js" />
	<ui:insert name="js"></ui:insert>
</h:head>
<h:body>
	<p:layout fullPage="true" >
		<p:layoutUnit id="header" position="north" size="150">
			<ui:insert name="header">
				 
				<h1><h:outputText value="#{text.title}" /></h1>
				<h2><h:outputText value="#{text.subtitle}" /></h2>
				
				<h:form id="frmHeader">
					<div  class="header-menu ui-corner-all ui-state-default">
						<div class="welcome">
							<h:outputText value="#{text.welcome} "/>
							<h:outputText value="#{loginController.userData.name}"/>
						</div>
					<p:commandButton id="btnSair" onclick="dialogLogout.show()"
						value="#{text.btnLogout}" icon="ui-icon-transferthick-e-w"
						style="float:right;" global="false"/>
					</div>
					<p:confirmDialog id="dlgConfirmLogout" widgetVar="dialogLogout"
						closable="true" severity="help" appendToBody="true"
						header="#{text.dlgConfirm}" message="#{message.confirmLogout}"
						width="400">
						<p:commandButton id="btnConfirmLogout" global="false"
							action="#{loginController.logout}" value="#{text.btnConfirm}"
							icon="ui-icon-check" />
						<p:commandButton id="btnDeclineLogout"
							onclick="dialogLogout.hide()" value="#{text.btnCancel}"
							icon="ui-icon-cancel" />
					</p:confirmDialog>
				</h:form>
			</ui:insert>
		</p:layoutUnit>
		<p:layoutUnit id="side-menu" position="west" size="150" header="#{text.titMainMenu}"
			collapsible="true">
			<h:form id="frmMenu">
				<p:accordionPanel styleClass="accordionMenu">
					<p:tab title="#{text.lblMenuCrud}">
						<p:menu>
							<p:menuitem url="/pages/usuario/list.xhtml"
								value="#{text.titUsers}" />
							<p:menuitem url="/pages/orgao/list.xhtml"
								value="#{text.titOrgao}" />
							<p:menuitem url="/pages/unidade_orcamentaria/list.xhtml"
								value="#{text.titUnidadeOrcamentaria}" />
							<p:menuitem url="/pages/macroobjetivo/list.xhtml"
								value="#{text.titMacroObjetivo}" />
							<p:menuitem url="/pages/programa/list.xhtml"
								value="#{text.titPrograma}" />
							<p:menuitem url="/pages/indicador/list.xhtml"
								value="#{text.titIndicador}" />
							<p:menuitem url="/pages/acao/list.xhtml"
								value="#{text.titAcao}" />
						</p:menu>

					</p:tab>
					<p:tab title="Relatórios">
						<p:menu>
							<p:submenu label="Programa" icon="ui-icon-document">
								<p:menuitem url="#" value="Resumido" />
								<p:menuitem url="#" value="Completo por Programa" />
								<p:menuitem url="#" value="Completo" />
								<p:menuitem url="#" value="Por Macroobjetivo" />
								<p:menuitem url="#" value="Total Programa" />
								<p:menuitem url="#" value="Total Programa (Por Ano)" />
							
							</p:submenu>
							<p:submenu label="Ações" icon="ui-icon-document">
								<p:menuitem url="#" value="Resumido" />
								<p:menuitem url="#" value="Completo" />
							
							</p:submenu>
							<p:submenu label="Projeto de Lei" icon="ui-icon-document">
								<p:menuitem url="#" value="Consolidado" />
								<p:menuitem url="#" value="Individual" />
							
							</p:submenu>
						</p:menu>

					</p:tab>
				</p:accordionPanel>

			</h:form>
		</p:layoutUnit>

		<p:layoutUnit id="center" position="center">
			<h:form id="frmContent">
				<h3 class=" ui-corner-all ui-state-default">
					<ui:insert name="title">
						<h:outputText value="#{text.titHome}" />
					</ui:insert>
				</h3>
				<p:spacer height="10px"/>
				<p:growl id="globalMessage" autoUpdate="true" showDetail="true"
					globalOnly="true" widgetVar="growlMessege" />

				<ui:insert name="content">


				</ui:insert>
				<p:ajaxStatus id="ajaxStatusDialog" oncomplete="loaderDialog.hide()"
					onerror="loaderDialog.hide()"
					onstart="loaderDialog.show()"  />
				<p:dialog id="dlgLoaderDialog" widgetVar="loaderDialog"
					header="#{text.dlgLoader}" appendToBody="true" modal="true"
					closable="false" resizable="false" draggable="false">
					<h:graphicImage library="images" name="loader.gif" />
				</p:dialog>
			</h:form>
		</p:layoutUnit>

		<p:layoutUnit id="footer" position="south" size="50"
			styleClass=" ui-corner-all ui-state-default">
			<ui:insert name="footer">
				<h:outputText styleClass="copyright" value="#{text.copyright}" escape="false" />
			</ui:insert>
		</p:layoutUnit>

	</p:layout>
</h:body>
</html>